import 'package:flutter/material.dart';
import './app_bar.dart';
import './lotto.dart';
import './account.dart';
import './tab_bar.dart';

class PageBox extends StatefulWidget {
  const PageBox({super.key});

  @override
  State<StatefulWidget> createState() => PageHome();
}

class PageHome extends State<PageBox> {
  int _cInd = 0;
  String _title = '双色球';
  void changeIndex(int val) {
    setState(() {
      _cInd = val;
      val == 0 ? _title = '双色球' : _title = '天干地支纪年法';
    });
  }

  // 2.创建三个页面
  final List<Widget> _tabPages = const [MyLotto(), MyEra()];

  // 甲子顺序表
  final List<Map<String, dynamic>> _data = [
    {'no': '1', 'txt': '甲子'},
    {'no': '2', 'txt': '乙丑'},
    {'no': '3', 'txt': '丙寅'},
    {'no': '4', 'txt': '丁卯'},
    {'no': '5', 'txt': '戊辰'},
    {'no': '6', 'txt': '己巳'},
    {'no': '7', 'txt': '庚午'},
    {'no': '8', 'txt': '辛未'},
    {'no': '9', 'txt': '壬申'},
    {'no': '10', 'txt': '癸酉'},
    {'no': '11', 'txt': '甲戌'},
    {'no': '12', 'txt': '乙亥'},
    {'no': '13', 'txt': '丙子'},
    {'no': '14', 'txt': '丁丑'},
    {'no': '15', 'txt': '戊寅'},
    {'no': '16', 'txt': '己卯'},
    {'no': '17', 'txt': '庚辰'},
    {'no': '18', 'txt': '辛巳'},
    {'no': '19', 'txt': '壬午'},
    {'no': '20', 'txt': '癸未'},
    {'no': '21', 'txt': '甲申'},
    {'no': '22', 'txt': '乙酉'},
    {'no': '23', 'txt': '丙戌'},
    {'no': '24', 'txt': '丁亥'},
    {'no': '25', 'txt': '戊子'},
    {'no': '26', 'txt': '己丑'},
    {'no': '27', 'txt': '庚寅'},
    {'no': '28', 'txt': '辛卯'},
    {'no': '29', 'txt': '壬辰'},
    {'no': '30', 'txt': '癸巳'},
    {'no': '31', 'txt': '甲午'},
    {'no': '32', 'txt': '乙未'},
    {'no': '33', 'txt': '丙申'},
    {'no': '34', 'txt': '丁酉'},
    {'no': '35', 'txt': '戊戌'},
    {'no': '36', 'txt': '己亥'},
    {'no': '37', 'txt': '庚子'},
    {'no': '38', 'txt': '辛丑'},
    {'no': '39', 'txt': '壬寅'},
    {'no': '40', 'txt': '癸卯'},
    {'no': '41', 'txt': '甲辰'},
    {'no': '42', 'txt': '乙巳'},
    {'no': '43', 'txt': '丙午'},
    {'no': '44', 'txt': '丁未'},
    {'no': '45', 'txt': '戊申'},
    {'no': '46', 'txt': '己酉'},
    {'no': '47', 'txt': '庚戌'},
    {'no': '48', 'txt': '辛亥'},
    {'no': '49', 'txt': '壬子'},
    {'no': '50', 'txt': '癸丑'},
    {'no': '51', 'txt': '甲寅'},
    {'no': '52', 'txt': '乙卯'},
    {'no': '53', 'txt': '丙辰'},
    {'no': '54', 'txt': '丁巳'},
    {'no': '55', 'txt': '戊午'},
    {'no': '56', 'txt': '己未'},
    {'no': '57', 'txt': '庚申'},
    {'no': '58', 'txt': '辛酉'},
    {'no': '59', 'txt': '壬戌'},
    {'no': '60', 'txt': '癸亥'},
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: CustomAppBar(
        //   leading: IconButton(
        //     icon: Icon(Icons.arrow_back),
        //     onPressed: () => print('searching'), // 这里可以添加点击事件处理函数
        //   ),
        title: _title,
      ),
      body: _tabPages[_cInd],
      drawer:
          _title == '天干地支纪年法'
              ? Drawer(
                width: 500,
                backgroundColor: Color.fromRGBO(0, 0, 0, 0.6),
                child: ListView(
                  shrinkWrap: true,
                  padding: EdgeInsets.all(10),
                  children: [
                    ListTile(
                      title: Text(
                        '甲子顺序表',
                        textAlign: TextAlign.center,
                        style: TextStyle(color: Colors.white, fontSize: 20),
                      ),
                    ),
                    Container(
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.all(Radius.circular(10)),
                      ),
                      //   height: 400,
                      child: ConstrainedBox(
                        constraints: BoxConstraints(
                          minHeight: MediaQuery.of(context).size.height,
                        ),
                        child: DataTable(
                          columns: [
                            DataColumn(
                              label: Text(
                                '顺序',
                                textAlign: TextAlign.center,
                                style: TextStyle(color: Colors.white),
                              ),
                              columnWidth: IntrinsicColumnWidth(),
                            ),
                            DataColumn(
                              label: Text(
                                '干支',
                                textAlign: TextAlign.center,
                                style: TextStyle(color: Colors.white),
                              ),
                              columnWidth: IntrinsicColumnWidth(),
                            ),
                          ],
                          rows:
                              _data.map((item) {
                                return DataRow(
                                  cells: [
                                    DataCell(
                                      Text(
                                        item['no'],
                                        style: TextStyle(color: Colors.white),
                                      ),
                                    ),
                                    DataCell(
                                      Text(
                                        item['txt'],
                                        style: TextStyle(color: Colors.white),
                                      ),
                                    ),
                                  ],
                                );
                              }).toList(),
                        ),
                      ),
                    ),
                  ],
                ),
              )
              : null,
      bottomNavigationBar: CustomTaBar(changeIndex: changeIndex),
    );
  }
}
